<template>
  <div>
    <div class="forget-psd">
      <h1 class="mui-title">找回密码</h1>
    </div>
    <div class="mui-content">
      <form class="mui-input-group">
        <!--
				<div class="mui-input-row">
					<label>账号</label>
					<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
				</div>             	
        -->
        <div class="mui-input-row">
          <label>邮箱</label>
          <input
            id="email"
            type="email"
            class="mui-input-clear mui-input"
            v-model="msg"
            placeholder="请输入注册邮箱"
          />
        </div>
      </form>
      <div class="mui-content-padded">
        <button id="sendMail" @click="forgetpsd" class="mui-btn mui-btn-block mui-btn-primary">提交</button>
      </div>
    </div>
  </div>
</template>


<script>
import { Toast } from "mint-ui";
export default {
  data() {
    return {
      msg: ""
    };
  },
  methods: {
    forgetpsd() {
      if (this.msg.trim().length === 0) {
        Toast({ message: "请输入邮箱", duration: 1000 });
      } else {
        Toast({
          message: "验证结果已发送至您的邮箱，请及时验证",
          duration: 1000
        });
      }
    }
  }
};
</script>

<style scoped>
.forget-psd {
  height: 44px;
}
.mui-content {
  background-color: #fff;
}
.mui-btn-block {
    padding: 10px 0;
}
</style>